import React, { Component, PropTypes } from 'react';
import {
  Text,
  View,
  Image,
  ScrollView,
  Platform,
  TouchableOpacity,
  InteractionManager,
  StyleSheet
} from 'react-native';

const styles = StyleSheet.create({
  button: {
    flex:1,
    width: 34,
    height: 34,
    borderRadius: 34 / 2,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

class EditAddrRightBtn extends Component {
    constructor(props) {
		super(props);
	}

    render() {
        return (
            <TouchableOpacity
              style={[styles.button, { backgroundColor: 'transparent' }]}
              onPress={() => console.log('pressed me!')}
            >
              <View style={styles.button}>
                <Text style={{ color: 'white' }}>
                   {this.props.text}
                </Text>
                <Image source={require('../../../img/addr_down_icon.png')}/>
              </View>
            </TouchableOpacity>
        )
    }
}

var connectHelper = require('../../services/connectHelper');
EditAddrRightBtn = connectHelper(state => state)(EditAddrRightBtn);

module.exports = EditAddrRightBtn;
